<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="refresh" content="300">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>票无忧官方网站</title>
    <!-- <link rel="stylesheet" type="text/css" href="../css/overall_style.css"> -->
    <link rel="shortcut icon" href="../imgs/favicon.ico" type="image/x-icon" />
    <link rel="stylesheet" href="../plugins/layui/css/layui.css" tppabs="http://res.layui.com/layui/dist/css/layui.css"
          media="all">
    <link rel="stylesheet" href="../css/index/index.css">
    <link rel="stylesheet" href="../css/seat/seat.css">
    <script src="../js/conf.js"></script>

</head>

<body>

<div class="top_box" id="pwy_nav">

</div>

<!-- 中间内容 -->
<!-- <div class="middle_box"></div> -->
<div class="progress_bar_box">
    <div class="step">
        <span class="step-num">1</span>
        <div class="bar first_bar"></div>
        <span class="step-text">选择影片场次</span>
    </div>
    <div class="step">
        <span class="step-num">2</span>
        <div class="bar secont_bar"></div>
        <span class="step-text">选择座位</span>
    </div>
    <div class="step">
        <span class="step-num">3</span>
        <div class="bar third_bar"></div>
        <span class="step-text">15分钟内付款</span>
    </div>
    <div class="step">
        <span class="step-num">4</span>
        <div class="bar last_bar"></div>
        <span class="step-text">选择影片场次</span>
    </div>
</div>

<div class="main clearfix">
    <div class="hall">
        <div class="seat-example">
            <div class="selectable-example example">
                <span>可选座位</span>
            </div>
            <div class="sold-example example">
                <span>已售座位</span>
            </div>
            <div class="selected-example example">
                <span>已选座位</span>
            </div>
            <div class="couple-example example">
                <span>情侣座位</span>
            </div>
        </div>
        <div class="seats-block" data-cols="21" data-section-id="01" data-section-name="普通座"
             data-seq-no="202309260419709">
            <div class="row-id-container">
                <span class="row-id">1</span>
                <span class="row-id">2</span>
                <span class="row-id">3</span>
                <span class="row-id">4</span>
                <span class="row-id">5</span>
                <span class="row-id">6</span>
                <span class="row-id">7</span>
                <span class="row-id">8</span>
                <span class="row-id">9</span>
                <span class="row-id">10</span>
                <span class="row-id">11</span>
            </div>
            <div class="seats-container">
                <div class="screen-container" style="left: 145px;">
                    <div class="screen">银幕中央</div>
                    <div class="c-screen-line"></div>
                </div>
                <div class="seats-wrapper" id="seats_box">

                </div>

            </div>
        </div>
    </div>
    <div class="side">
        <div class="movie-info1 clearfix">
            <div class="poster">
                <img
                        src="https://p0.pipi.cn/mmdb/fb738633dddddd230fddd2291917e3b884f3c.jpg?imageView2/1/w/115/h/158">
            </div>
            <div class="content">
                <p class="name text-ellipsis"></p>
                <div class="info-item">
                    <span>类型 :</span>
                    <span class="value" id="types"></span>
                </div>
                <div class="info-item">
                    <span>时长 :</span>
                    <span class="value" id="duration">分钟</span>
                </div>
            </div>
        </div>

        <div class="show-info">
            <div class="info-item" id="show-info-scearntitle">
                <span>影院 :</span>
                <span class="value text-ellipsis">票无忧</span>
            </div>
            <div class="info-item">
                <span>影厅 :</span>
                <span class="value text-ellipsis"></span>
            </div>
            <div class="info-item">
                <span>版本 :</span>
                <span class="value text-ellipsis"></span>
            </div>
            <div class="info-item">
                <span>场次 :</span>
                <span class="value text-ellipsis screen"></span>
            </div>
            <div class="info-item">
                <span>票价 :</span>
                <span class="value text-ellipsis"></span>
            </div>
        </div>

        <div class="ticket-info">
            <div class="no-ticket" style="display: '';">
                <p class="buy-limit">座位：一次最多选6个座位</p>
                <p class="no-selected">请<span>点击左侧</span>座位图选择座位</p>
            </div>
            <div class="has-ticket" style="">
                <span class="text" style="display: none;">座位：</span>
                <div class="ticket-container" data-limit="6">
                </div>
            </div>

            <div class="total-price">
                <span>总价 :</span>
                <span class="price">0</span>

                <div id="btn_div">
                    <button type="button" class="layui-btn layui-btn-radius layui-btn-danger" id="butWaring">优惠卷</button>
                </div>
            </div>
            <div class="confirm-order">
                <div class="cellphone" id="phone">
                    <span>手机号 :</span>
                    <span class="phone-num" ></span>
                </div>
                <a href="../html/vip.html" id="huiyuan">开通会员更多优惠</a>
                <div class="confirm-btn disable" data-act="confirm-click" data-bid="b_0a0ep6pp" onclick="payBtn()">确认选座</div>

            </div>
        </div>

    </div>
    <div style="display: none;" id="adid">
        <i class="layui-icon layui-icon-close" id="cha"></i>
        <div class="layui-colla-content layui-show" id="a">

            <ul class="flow-default" id="LAY_demo1">

            </ul>
        </div>
    </div>
</div>


<div class="modal-container" style="display:none">
    <div class="modal">
        <span class="icon"></span>

        <p class="tip"></p>
        <!-- 一次最多购买六张票 -->
        <!-- 您选的是<span class="highlight">明天 9月27日</span>的场次 -->
        <div class="ok-btn btn" onclick="toNone()">我知道了</div>
    </div>
</div>
<!-- 底部 -->
<div class="bottom_box">
    关于猫眼 : 关于我们 董事会成员 投资者关系 友情链接 : 美团网 格瓦拉 美团下载 欢喜首映

    商务合作邮箱：v@maoyan.com 客服电话：10105335 违法和不良信息/涉未成年人有害信息举报电话：4006018900

    用户举报/涉未成年人有害信息举报邮箱：tousujubao@meituan.com 舞弊线索举报邮箱：wubijubao@maoyan.com

    中华人民共和国增值电信业务经营许可证 京B2-20190350 营业性演出许可证 京演（机构）（2019）4094号

    广播电视节目制作经营许可证 （京）字第08478号 网络文化经营许可证 京网文（2022）1334-041号

    艺术品经营单位备案证明 京东艺（2022）0095号

    猫眼用户服务协议 猫眼平台交易规则总则 隐私政策

    京公网安备 11010102003232号 京ICP备16022489号-1

    北京猫眼文化传媒有限公司

    ©2023 猫眼电影 www.maoyan.com
</div>

<script src="../plugins/jquery.min.js"></script>
<script src="../js/seat/seat.js"></script>

<script src="../plugins/layui/layui.js" charset="utf-8"></script>
<!-- 注意：如果你直接复制所有代码到本地，上述 JS 路径需要改成你本地的 -->
<!-- <script src="../js/overall_style.js"></script> -->
<script>
    $(function () {
        $("#pwy_nav").load('./nav.html');
    })
</script>
<!-- <script src="/static/build/layui.js"></script> -->
<script>
    layui.use('carousel', function () {
        var carousel = layui.carousel;
        //建造实例
        carousel.render({
            elem: '#test1',
            width: '100%' //设置容器宽度
            ,
            arrow: 'always' //始终显示箭头
            //,anim: 'updown' //切换动画方式
        });
    });
</script>


</body>

</html>